<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="../common/taglibs.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/jquery-1.5.js"></script>
<link rel="StyleSheet" type="text/css" href="<%=request.getContextPath()%>/pages/css/common.css"></link>
<sx:head/>
<title>DFASS</title>
<script type="text/javascript">
    function showUserEvents() {
        dojo.event.topic.publish("showUserEvents");
    }

</script>
</head>
<body onload="h();">
	<div class="headerContent" align="center">
		<div class="header">
		<%@ include file="/pages/inc/logged_top.jsp" %>			
		</div>
		<div id="nav_container" align="center">
		<%@ include file="/pages/menu/menu_customer.jsp" %>
	    </div>
	</div>
	
	<div class="bodyContent" align="center">
		<table><tr><td>&nbsp;</td></tr></table>
		<s:form theme="simple" id="eventForm" action="javascript:showUserEvents();return false;">
			<!-- This Empty Table is Required before the content of the body -->
			<table class="tblAdminNormal">
				<thead>
					<tr>
						<td colspan="7" width="800px" >Customer events</td>
					</tr>
				</thead>
			</table>	
			<table><tr><td>&nbsp;</td></tr></table>
			<table>
			    <tr>
			        <td>username</td>
			        <td>
                    	<sx:autocompleter name="u" list="users" autoComplete="true" 
                    		listKey="userId" listValue="username" 
                    		onkeyup="javascript:showUserEvents();return false;" 
                    		onchange="javascript:showUserEvents();return false;" /> 
   					</td>
   					<td><input type="button" value="Search"  onclick="showUserEvents();" /></td>
			    </tr>
			</table>	
  				<s:url id="pri_url" action="showUserEvents" />
	            <sx:div id="details" href="%{pri_url}" listenTopics="showUserEvents" 
                					                        formId="eventForm" ></sx:div>
		</s:form>
	</div>
	
	<div class="footerContent" align="center">
		<div class="footer">
			<%@ include file="/pages/inc/footer.jsp" %>
		</div>
	</div>
	
</body>
</html>